import {BaseStyle} from "../Style/BaseStyle";
import {TouchableOpacity} from "react-native";
import Svg from "../Components/Svg";
import React from "react";

export const navigationMethod={
    headerStyle: {
        backgroundColor:BaseStyle.titleColor.backgroundColor,
        elevation:0
    },
    headerTintColor:BaseStyle.container.backgroundColor,
    headerTitleStyle: {
        flex: 1,
        alignSelf: "center",
        textAlign: "center",
        fontSize:16
    }
}
export const navigationSecond={
    headerStyle: {
        backgroundColor:BaseStyle.container.backgroundColor,
        elevation:0
    },
    headerTintColor:BaseStyle.cGray.color,
    headerTitleStyle:navigationMethod.headerTitleStyle
}
export function headerRights(event,icon,color="#FFF"){
    return (
        <TouchableOpacity style={BaseStyle.navRight10} onPress={()=>{
            event && event()
        }}>
            <Svg icon={icon} size={26} color={color}/>
        </TouchableOpacity>
    )
}
